<link rel="stylesheet" href="<%= basePath%>/lib/sui.min.css">
<link rel="stylesheet" href="<%= basePath%>/lib/sui-append.min.css">
<link rel="stylesheet" href="<%= basePath%>/public/iconfont/iconfont.css">
<link rel="stylesheet" href="<%= basePath%>/public/css/style.css">
<link rel="stylesheet" href="<%= basePath%>/public/css/reset.css">
<link rel="stylesheet" href="<%= basePath%>/modules/leader/css/style.css">

<script type="application/javascript" src="<%= basePath%>/lib/jquery.min.js"></script>
<script type="application/javascript" src="<%= basePath%>/lib/sui.min.js"></script>
<script type="application/javascript" src="<%= basePath%>/lib/underscore-min.js"></script>
<script type="application/javascript" src="<%= basePath%>/public/js/util.js"></script>
<script type="application/javascript" src="/public/js/ui.js"></script>
<script type="application/javascript" src="<%= basePath%>/public/js/pages.js"></script>
<script type="application/javascript" src="<%= basePath%>/public/js/jquery.shCircleLoader-min.js"></script>
<script type="application/javascript" src="<%= basePath%>/modules/teacher/js/report.js"></script>

<div class="body_scroll">
    <div class="frame-content">
        <ul class="info_list">
            <li class="li_header">考勤报表</li>
            <li class="li_info">
                <%=school.name%>（总人数：<%=school.peopleCount%>）
            </li>
            <li class="li_footer">
                <div class="table_header_class_detail">
                    迟到人数：<%=school.statistics.lateCount%>
                </div>
                <div class="table_header_class_detail">
                    早退人数：<%=school.statistics.earlyCount%>
                </div>
                <div class="table_header_class_detail">
                    请假人数：<%=school.statistics.restCount%>
                </div>
                <div class="table_header_class_detail">
                    旷课人数：<%=school.statistics.absenceCount%>
                </div>
                <div style="clear: both"></div>
            </li>
            <li class="li_info">
                <span class="iconfont" style="color: #5396f1">&#xe61f;</span>
                年/班级：
                <span class="sui-dropdown dropdown-bordered table_header">
                    <span class="dropdown-inner">
                        <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                            <i class="caret"></i>
                            <span id="inner-select" data-type="school" data-id="<%=school.id%>">
                                全校
                            </span>
                        </a>
                        <ul role="menu" aria-labelledby="status_drop" class="sui-dropdown-menu">
                            <li role="presentation">
                                <a role="menuitem" data-type="school" data-id="<%=school.id%>" tabindex="-1" onclick="innerSelectClicked(event)">
                                    全校
                                </a>
                            </li>
                            <% school.grades.forEach(function(grade) {%>
                            <li role="presentation" class="dropdown-submenu">
                                <a role="menuitem" tabindex="-1">
                                    <i class="iconfont icon-arrow1 pull-right"></i>
                                    <%=grade.name%>
                                </a>
                                <ul class="sui-dropdown-menu">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" data-type="grade" data-id="<%=grade.id%>" onclick="innerSelectClicked(event)">
                                            <%=grade.name%>全部
                                        </a>
                                    </li>
                                    <% grade.natureClasses.forEach(function(natureClass) { %>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" data-type="class" data-id="<%=natureClass.id%>" onclick="innerSelectClicked(event)">
                                            <%=natureClass.name%>
                                        </a>
                                    </li>
                                    <%});%>
                                </ul>
                            </li>
                            <% }); %>
                        </ul>
                    </span>
                </span>
                <a class="btn-search sui-btn btn-primary table_header_search">查询</a>
            </li>
            <li class="li_footer" id="report_content" data-period="day">
            </li>
        </ul>
        <div class="loading" style="margin: 20px auto; height: 60px; width: 60px;"></div>
    </div>
</div>
